Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / settings / ShortcutRecorder.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"flex-1 flex flex-wrap gap-1.5 p-2 bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-700 rounded-xl min-h-[44px]"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4{ Ta5d6ff'ring-2 ring-blue-500 border-blue-500'Tff7b72: Te6edf3isRecording Tb4b4b4}Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72template Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3keysTb4b4b4.Te6edf3length Tff7b72> T79c0ff0Ta5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72kbd

Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3key Tff7b72in Te6edf3keysTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3keyTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"px-2 py-1 bg-gray-100 dark:bg-zinc-800 border border-gray-200 dark:border-zinc-700 rounded-lg text-xs font-bold text-gray-600 dark:text-zinc-300 shadow-xs uppercase"

Tb4b4b4>

Tff7b72{{ Te6edf3formatKeyTb4b4b4(Te6edf3keyTb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72kbdTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-else Te6edf3classTff7b72=Ta5d6ff"text-gray-400 dark:text-zinc-500 text-sm my-auto px-1"Tb4b4b4>

Tff7b72{{ Te6edf3isRecording Tff7b72? Ta5d6ff"Press keys..." Tff7b72: Ta5d6ff"No shortcut" Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"px-4 py-2 rounded-xl font-bold transition-all shadow-xs flex items-center gap-2"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[

Te6edf3isRecording

Tff7b72? Ta5d6ff'bg-blue-600 text-white hover:bg-blue-700'

Tff7b72: Ta5d6ff'bg-gray-100 dark:bg-zinc-800 text-gray-700 dark:text-zinc-300 hover:bg-gray-200 dark:hover:bg-zinc-700'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3toggleRecordingTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3isRecording Tff7b72? Ta5d6ff'check' Tff7b72: Ta5d6ff'record-circle-outline'Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>

Tff7b72{{ Te6edf3isRecording Tff7b72? Ta5d6ff"Done" Tff7b72: Ta5d6ff"Record" Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3keysTb4b4b4.Te6edf3length Tff7b72> T79c0ff0 Tff7b72&& Tff7b72!Te6edf3isRecordingTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"button"

Te6edf3classTff7b72=Ta5d6ff"p-2 text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all"

Te6edf3titleTff7b72=Ta5d6ff"Clear Shortcut"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3clearShortcutTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"trash-can-outline" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72import Te6edf3KeyboardShortcuts Tff7b72from Ta5d6ff"../../js/KeyboardShortcuts"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ShortcutRecorder"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3MaterialDesignIcon Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3modelValueTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4,

Tff7b72defaultTff7b72: Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4[Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3actionTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:modelValue"Tb4b4b4, Ta5d6ff"save"Tb4b4b4, Ta5d6ff"delete"Tb4b4b4]Tb4b4b4,

Te6edf3dataTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tb4b4b4{

Te6edf3isRecordingTff7b72: Tff7b72falseTb4b4b4,

Te6edf3keysTff7b72: Tb4b4b4[Tb4b4b4...Tff7b72thisTb4b4b4.Te6edf3modelValueTb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3watchTff7b72: Tb4b4b4{

Te6edf3modelValueTb4b4b4(Te6edf3newValTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3keys Tff7b72= Tb4b4b4[Tb4b4b4...Te6edf3newValTb4b4b4]Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3formatKeyTb4b4b4(Te6edf3keyTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3key Tff7b72=== Ta5d6ff"control"Tb4b4b4) Tff7b72return Ta5d6ff"Ctrl"Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3key Tff7b72=== Ta5d6ff"alt"Tb4b4b4) Tff7b72return Ta5d6ff"Alt"Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3key Tff7b72=== Ta5d6ff"shift"Tb4b4b4) Tff7b72return Ta5d6ff"Shift"Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3key Tff7b72=== Ta5d6ff"meta"Tb4b4b4) Tff7b72return Ta5d6ff"⌘"Tb4b4b4;

Tff7b72if Tb4b4b4(Te6edf3key Tff7b72=== Ta5d6ff" "Tb4b4b4) Tff7b72return Ta5d6ff"Space"Tb4b4b4;

Tff7b72return Te6edf3keyTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3toggleRecordingTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3isRecordingTb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3stopRecordingTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72else Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3startRecordingTb4b4b4(Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Te6edf3startRecordingTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isRecording Tff7b72= Tff7b72trueTb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3keys Tff7b72= Tb4b4b4[Tb4b4b4]Tb4b4b4;

Te6edf3KeyboardShortcutsTb4b4b4.Te6edf3startRecordingTb4b4b4(Tb4b4b4(Te6edf3keysTb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3keys Tff7b72= Te6edf3keysTb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3stopRecordingTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3isRecording Tff7b72= Tff7b72falseTb4b4b4;

Te6edf3KeyboardShortcutsTb4b4b4.Te6edf3stopRecordingTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:modelValue"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3keysTb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"save"Tb4b4b4, Tff7b72thisTb4b4b4.Te6edf3keysTb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3clearShortcutTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72thisTb4b4b4.Te6edf3keys Tff7b72= Tb4b4b4[Tb4b4b4]Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"update:modelValue"Tb4b4b4, Tb4b4b4[Tb4b4b4]Tb4b4b4)Tb4b4b4;

Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"delete"Tb4b4b4)Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>